
var canciones = new Array;




// Método que genera la URL necesaria para generar la gráfica de Gogle
function generarGrafica(titulo,ejeX,ejeY) {
	var url = "http://chart.apis.google.com/chart?";
	var url = url+"chxl=1:|"+encodeURI(ejeY.reverse().join("|"));
	var url = url+"&chxr=0,0,"+ejeX[0];
	var url = url+"&chxs=0,676767,14,-0.5,l,676767|1,676767,13.5,1,l,676767";
	var url = url+"&chbh=a,1,7&chs=580x242&cht=bhs&chxt=x,y";
	var url = url+"&chco=4D89F9,FF9900&chds=0,"+ejeX[0]+"&chd=t:";
	var url = url+ejeX.join(",")+"&chdl=Número+de+oyentes";
	var url = url+"&chdls=000000,14&chdlp=b&chtt="+encodeURI(titulo);
	var url = url+"&chts=000000,14"
	var url = url+"&chma=40,40,40,40|80,20"
	return url;
}

$(document).ready(function() {
	
	var url = "http://ws.audioscrobbler.com/2.0/";
	
	$.ajax({cache: false});
	$.xslt({xmlCache:false, xslCache:false});
	
	var nombreArtista = "";
	
	// Actualización de los artistas más visitados
	$.get('actualizarMasVistos.php', {nombreArtista: ''}, function(data){
		$('#masVisitados').xslt({xmlUrl: 'db/masVistos.xml', xslUrl: 'db/masVistos.xsl'});
	});
	
		$('#add').click(function(){
					$('#contenido').append('<span class="comentNick"><b>'+$('#nick').val()+'</b></span> <br>');	
					$('#contenido').append('<span class="comentContenido">'+$('#contenidoComent').val()+'</span><br><br>');
					$.post('gestionComentarios.php',{
							nombreArtista: nombreArtista ,
							nick:	$('#nick').val(),
							contenido: $('#contenidoComent').val()
						},
						function(data){
					});
				});
	
	$('#formulario form').submit(function(){
		
		// Método que recoge las canciones más escuchadas		
		$('#loading').show();
		$('#info').empty().hide();
		$('#grafica').hide();
		$('#nombreArtista').hide();
		$('#artistaNoEncontrado').hide();
		$('#imagenArtista').hide();
		$('#comentarios').hide();
		canciones.length = 0;
		
		$.getJSON(url + '?callback=?',
			{	
				api_key: "b25b959554ed76058ac220b7b2e0a026",
				format: "json",
				method: "artist.gettoptracks",
				limit: "10",
				artist: $("input:first").val()
			},
		function(json){
			var dataX = new Array;
			var dataY = new Array;
			
			if ( typeof json.toptracks == 'undefined'){
				$('#artistaNoEncontrado').fadeIn(500);
				$('#loading').hide();
			} else{				
				for (i in json.toptracks.track){
					$('#info').append('<li><b>'+json.toptracks.track[i].name+
					'</b>: <i>'+json.toptracks.track[i].listeners+' oyentes</i>&nbsp;'+
					'<img src="imagenes/grooveshark.jpg" id="'+i+'" rel="#gsoverlay"></img></li>');
					dataX.push(json.toptracks.track[i].listeners);
					dataY.push(json.toptracks.track[i].name);
					canciones.push(json.toptracks.track[i].name);		
				}
				
				nombreArtista = json.toptracks.track[0].artist.name;
				
				// Actualización de los artistas más visitados
				$.get('actualizarMasVistos.php', {nombreArtista: nombreArtista}, function(data){
				});
				
				$('#info').fadeIn(500);
				var tituloGrafica = "Canciones más escuchadas de "+nombreArtista;			
				$('#grafica').empty().append("<img src="+generarGrafica(tituloGrafica,dataX,dataY)+"></img>");
				$('#grafica').fadeIn(500);			
				$('#nombreArtista').empty().append(nombreArtista);
				$('#nombreArtista').fadeIn();
				$('#loading').hide();
				
				$("img[rel]").overlay({
					onClose: function() {
						//$('#grooveshark').empty();
					}				
				});				
	
				$("img[id]").click(function() {		
					$('#grooveshark').empty().append('<b><i>Buscando en Grooveshark...</i></b>');			
					$.getJSON('buscarGrooveshark.php', {cancion: encodeURI(canciones[this.id]), artista: encodeURI(nombreArtista)}, function(data) {
						$('#grooveshark').empty();
						if ( data.length == 0 ){
							$('#grooveshark').append('No se han encontrado canciones en la base de datos de Grooveshark');
						} else{
							$.each(data, function() {
								$('#grooveshark').append('<li>'+this.SongName+' <a href="'+this.Url+'" target="_blank"><img src="imagenes/play.png"></img></a>');
								$('#grooveshark').append('<span class="infogs1">Artista:</span> <span class="infogs2">'+this.ArtistName+'</span> ');
								$('#grooveshark').append('<span class="infogs1">&Aacute;lbum:</span> <span class="infogs2">'+this.AlbumName+'</span></li>');
							});
						}
					});					
				});
				
				$('#contenido').empty().append('<h3>Comentarios:</h3>');
				
				$.post('gestionComentarios.php',{
						nombreArtista: nombreArtista ,
						nick:	'',
						contenido: ''
					},
					function(data){
						if ( data.length == 0 ){
						}else{
							$('#contenido').xslt({xmlUrl: data, xslUrl: 'db/comentarios.xsl'});
						}
				});
				
				$('#comentarios').fadeIn();
				
				
				
			}
			
			//$.get('gestionComentarios.php', {nombreArtista: nombreArtista}, function(data){
				
			//});
			
		});
		

		
		// Método que recoge la imagen del artista
		$.getJSON(url + '?callback=?',
			{	
				api_key: "b25b959554ed76058ac220b7b2e0a026",
				format: "json",
				method: "artist.getImages",
				limit: "1",
				artist: $("input:first").val()
			},
		function(json){
			if ( typeof json.images != 'undefined'){
				var urlImagen = json.images.image.sizes.size[5]["#text"];
				
				$('#imagenArtista').empty().append("<img src="+urlImagen+"></img>");
				$('#imagenArtista').fadeIn(500);
			}
		});
		return false;
		
	});		
	


});

